<template>
  <div>
    <sky-panel title="下拉按钮组">
      <template #main>
        <sky-dropdown>
          <sky-dropdown-item @click="handleClick">新增</sky-dropdown-item>
          <sky-dropdown-item>编辑</sky-dropdown-item>
          <sky-dropdown-item>作废</sky-dropdown-item>
          <sky-dropdown-item>下载</sky-dropdown-item>
          <sky-dropdown-item>导出</sky-dropdown-item>
        </sky-dropdown>
      </template>
    </sky-panel>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const handleClick = (e: any) => {
      console.log(e)
    }
    return {
      handleClick,
    }
  },
})
</script>
